<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			ul,li { list-style: none;}
			
			.logbtn img { display: block; width: auto; float: right;}
			.logbtn div {display: block; width:100%;  text-align: right; overflow: auto; }
			/*.logbtn div a { float: right !important;}*/
			.yi{
				background-color: cyan;
				border-color: black;
				border-width: 1px;
				border-style:solid;
				width: 200px;
				height: 270px;
				float: left;
				margin-left: 25%;
				margin-top: 100px;
			}
			.er {
				background-color: cyan;
				border-color: black;
				border-width: 1px;
				border-style:solid;
				width: 200px;
				height: 270px;
				float: left;
			 
				margin-left: 2.5%;
				margin-top: 100px;
			}
			.san {
				background-color: cyan;
				border-color: black;
				border-width: 1px;
				border-style:solid;
				width: 200px;
				height: 270px;
				float: left;
				display:inline;
				margin-left: 2.5%;
				margin-top: 100px;
			}
			img {
				margin-left: 13px;
				margin-top: 13px;
			}

		</style>
	</head>
	<body>
		<div class="logbtn"> 
		 	<div><img src="img/setting.png" style="float: right;"/></div>
		 	<div><a href="#;">新增工地</a></div>
		 	<div><a href="#;">退出登录</a></div>
		</div>
		<div>
			<a href="index.html" style="color: #000000;">
			<div class="yi" >
				<span style="margin-left: 52px;">襄阳光彩市场</span>
				<img src="img/1.png" />
				<span style="margin-left: 13px;font-size: 10px;">襄阳市卧龙大道567号</span><br />
				<span style="margin-left: 13px;font-size: 10px;">启动时间：2015年3月</span> <br />	
				<span style="margin-left: 13px;font-size: 10px;">结束时间：2016年10月</span> <br />	
				<span style="margin-left: 13px;font-size: 10px;">工地状态：已完工</span> 	<br />
				<img src="img/ren.png" /><span style="margin-left: 5px;">0</span>
				<img src="img/tadiao.png" /><span style="margin-left: 5px;">0</span>
				<img src="img/shexiang.png" /><span style="margin-left: 5px;">0</span>
			</div>
			</a>
			<a href="index.html" style="color: #000000;">
			<div class="er" >
				<span style="margin-left: 52px;">武汉雄楚大道</span>
				<img src="img/2.png" />
				<span style="margin-left: 13px;font-size: 10px;">武汉市雄楚大道103号</span><br />
				<span style="margin-left: 13px;font-size: 10px;">启动时间：2016年5月</span> <br />	
				<span style="margin-left: 13px;font-size: 10px;">结束时间：</span> <br />	
				<span style="margin-left: 13px;font-size: 10px;">工地状态：正常</span> 	<br />
				<img src="img/ren.png" /><span style="margin-left: 5px;">120</span>
				<img src="img/tadiao.png" /><span style="margin-left: 5px;">2</span>
				<img src="img/shexiang.png" /><span style="margin-left: 5px;">8</span>
			</div>
			</a>
			<a href="index.html" style="color: #000000;">
			<div class="san" >
				<span style="margin-left: 52px;">武汉金地天悦</span>
				<img src="img/3.png" />
				<span style="margin-left: 13px;font-size: 10px;">武汉市蓉园路37号</span><br />
				<span style="margin-left: 13px;font-size: 10px;">启动时间：2016年7月</span> <br />	
				<span style="margin-left: 13px;font-size: 10px;">结束时间：</span> <br />	
				<span style="margin-left: 13px;font-size: 10px;">工地状态：延误</span> 	<br />
				<img src="img/ren.png" /><span style="margin-left: 5px;">57</span>
				<img src="img/tadiao.png" /><span style="margin-left: 5px;">1</span>
				<img src="img/shexiang.png" /><span style="margin-left: 5px;">4</span>
			</div>
			</a>
		</div>
	</body>
</html>
